<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head >
    <meta charset="UTF-8">
    <title>人员信息</title>
    <link rel="stylesheet" href="../css/reset.css" />
    <link rel="stylesheet" href="../css/icons/iconfont.css" />
    <link rel="stylesheet" href="../css/head.css" />
    <link rel="stylesheet" href="../css/footer.css" />
    <link rel="stylesheet" href="../css/backStageMenu.css" />
    <link rel="stylesheet" href="../css/personalInfo.css" />
</head>

<body>
        <div class="content fl">
            <div class="personalInfoTitle">人员信息</div>
            <div class="personalInfoList">
                <div class="infoUpload-download">
                    <button id="infoDownload"><li class="iconfont icon-xiazai"></li>模板下载</button>
                    <button id="infoUpload"><li class="iconfont icon-excel"></li>表格上传</button>
                    <span>注意：请先下载表格模板再上传</span>
                </div>

                <!--没有数据的情况，用这行代码，然后把下面那个div设置为display:none，或者直接去掉-->
                <!--<iframe style="width: 960px;height: 515px;border: none;overflow: hidden;" src="empty-data.html"></iframe>-->
                <div class="infoList">
                    <div class="infoTitle clearfix">
                        <div class="title-companyName fl">公司名称</div>
                        <div class="title-operate fl">操作</div>
                    </div>
                    <div class="personalInfo">
                        <c:forEach items="${data}" var="t">
                            <div class="personalInfoRule clearfix">
                                <div class="rule-companyName fl">
                                    <li class="iconfont icon-wenjian"></li>
                                    ${t.name}
                                </div>
                                <div class="rule-operate fl">
                                        <span class="rule-operate-add">
                                       <li class="iconfont icon-jia"></li>
                                       添加
                                   </span>
                                    <span class="rule-operate-addAuto">
                                       <li class="iconfont icon-jia"></li>
                                       自助添加
                                   </span>
                                    <span class="rule-operate-look"  onclick="showPersons('${t.id}')"  >
                                       <li class="iconfont icon-bianji" >
                                       </li>
                                       查看
                                   </span>
                                    <span class="rule-operate-delete">
                                       <li class="iconfont icon-shanchu"></li>
                                       删除
                                   </span>
                                 
                                </div>
                            </div>
                        </c:forEach>
                    </div>
                </div>
            </div>
        </div>
     
	<jsp:include page="../common/jsResources.jsp"/>	
    <script src="${ctx}/js/companyList.js"></script>
    <script>
    		function showPersons(companyId){
    			window.location.href ="${ctx}/personal/list/?companyId="+companyId;
    		}
    </script>
</body>

</html>